<div class="card">
    <div class="card-header" role="tab" id="heading{id}">
        <div class="menubar-menu-1">
            <a class="collapsed" data-toggle="collapse" href="#collapse{id}" aria-expanded="false" aria-controls="collapse{id}">
                <i class="fa fa-{icon}"></i>
                {name}
                <span class="pull-right fa fa-lg"></span>
            </a>
        </div>
    </div>
    <div id="collapse{id}" class="collapse" role="tabpanel" aria-labelledby="heading{id}" data-parent="#menubar_area1">
        <div class="card-block">
            {main_menu2_define}
        </div>
    </div>
</div>
